<template>

    <swiper style="top:0px">
      <swiper-item class="detail-img" v-for="(item,index) in topImages" :key="index">
          <img :src="item">
      </swiper-item>
    </swiper>

</template>

<script>
import Swiper from '../../../components/common/swiper/Swiper.vue';
import SwiperItem from '../../../components/common/swiper/SwiperItem.vue';


export default {
  components: {Swiper, SwiperItem  },
  name: "DetailSwiper",
  props: {
    topImages: {
      type:Array,
      deafult(){
        return [];
      }
    },
  },
};
</script>

<style scoped>
.detail-img{
  height: 300px;
  width: 100%;
}
</style>